<%@page contentType="text/html; charset=UTF-8" %>
<%@page import="ChartDirector.*" %>
<%
double value = 30.5;
//创建一个AngularMeter对象，大小为200*115
//并设置背影颜色，黑色边框，2个像素的边和边缘
AngularMeter m = new AngularMeter(200,115,Chart.silverColor(),0x000000,2);
m.setRoundedFrame();
//设置仪表盘中心在（100，100），半径为85像素，并且跨度在-90到+90
m.setMeter(100, 100, 85, -90, 90);
//仪表盘的界限0到100，每个刻度以20为单位，较小的刻度以10为单位，最小的以5为刻度。
m.setScale(0, 100,20,10,5);
//设置0-60为绿色（0X66FF66）区域
m.addZone(0, 60,0,85, 0x66ff66);
//设置60-80为黄色（ffff33）区域
m.addZone(60, 80,0,85, 0xffff33);
//设置80-100为红色区域（ff6666）
m.addZone(80, 100, 0, 85, 0xff6666);
//添加一个文本标签centered在100和60下方，使用12号，Arial Bold字体
m.addText(100, 60,"中文","Arial Bold",12,Chart.TextColor, Chart.Center);
//添加一个文本标签在右上角用来显示值，字体为Arial，字号为8，颜色为0xffffff
//格式化为2位小数，并使用黑色背景，1像素的3D阴影
m.addText(156,8, m.formatValue(value, "2"), "Arial",8,0xffffff).setBackground(0x000000, 0, -1);
//添加一个半透明的蓝色点使用黑色边框在具体的值上
m.addPointer(value, 0x40666699,0x000000);
//输出图形
String chart1URL = m.makeSession(request, "chart1");
%>
<html>
<body style="margin:5px 0px 0px 5px">
<div style="font-size:18pt; font-family:verdana; font-weight:bold">
    Semi-Circle Meter
</div>
<hr color="#000080">
<div style="font-size:9pt; font-family:verdana; margin-bottom:1.5em">
    <a href="viewsource.jsp?file=<%=request.getServletPath()%>">View Source Code</a>
</div>
<img src='<%=response.encodeURL("getchart.jsp?"+chart1URL)%>'>
</body>
</html>
